<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>图片2</title>
        <style type="text/css">
            .wrapper{
                width: 80%;
                height: 500px;
                margin: 50px auto;
                background-color: #fa765d;
            }
            .wrapper marquee{
                height: 500px;
                color: white;
                text-align: center;
                margin: auto;
            }
            .brand{
                width: 122px;
                height: 108px;
                margin: auto;
            }
            .wrapper marquee img{
                width: 82%;
                height: 50px;
                display: block;
                text-align: center;
                background-color: #fff;
            }
        </style>
    </head>
    <body>
        <div class="wrapper">
            <marquee behavior="scroll" direction="up">
                <div class="brand">
                    <img src="brand2.png" >
                </div>
                <div class="brand">
                    <img src="brand2.png" >
                </div>
                <div class="brand">
                    <img src="brand2.png" >
                </div>

            </marquee>
        </div>

    </body>
</html>